<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7" xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"> <![endif]-->

<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8" xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"> <![endif]-->

<!--[if IE 8]>         <html class="no-js lt-ie9" xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"> <![endif]-->

<!--[if gt IE 8]><!--> 
<html class="no-js" xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:ui="http://java.sun.com/jsf/facelets"> <!--<![endif]-->

    <ui:insert name="head">
        <ui:include src="head.xhtml"/>
    </ui:insert>
    
    <h:body>
        <div id="page-container">

            <header class="navbar navbar-inverse">
    <div class="navbar-inner remove-radius remove-box-shadow">
        <div class="container-fluid">

            <ul class="nav pull-right visible-phone visible-tablet">
                <li class="divider-vertical remove-margin"></li>
                <li> <a href="javascript:void(0)" data-toggle="collapse" data-target=".nav-collapse"> <i class="icon-reorder"></i> </a> </li>
            </ul>

            <a href="index.php" class="brand"><img src="img/template/logo.png" alt="logo" /></a>

            <div id="loading" class="hide pull-left"><i class="icon-certificate icon-spin"></i></div>

            <ul id="widgets" class="nav pull-right">         

                <li class="divider-vertical remove-margin"></li>

                <!--****************************************** Messages ********************************************!-->
                <li id="messages-widget" class="dropdown dropdown-left-responsive"> <a href="javascript:void(0)" class="dropdown-toggle" data-toggle="dropdown"> <i class="icon-envelope"></i> <span class="badge badge-success">2</span> </a>

                    <ul class="dropdown-menu widget pull-right">
                        <li class="widget-heading"><i class="icon-comment pull-right"></i>Derniers Messages</li>
                        <li class="new-on">

                            <div class="media"> <a class="pull-left" href="javascript:void(0)"> <img src="img/placeholders/image_light_64x64.png" alt="fakeimg" /> </a>
                                <div class="media-body">
                                    <h6 class="media-heading"><a href="javascript:void(0)">Sidy</a><span class="label label-success">2 min ago</span></h6>
                                    <div class="media">Il y a un restaurant à repertorier!</div>
                                </div>
                            </div>

                        </li>

                        <li class="divider"></li>
                        <li>
                            <div class="media"> <a class="pull-left" href="javascript:void(0)"> <img src="img/placeholders/image_light_64x64.png" alt="fakeimg" /> </a>
                                <div class="media-body">
                                    <h6 class="media-heading"><a href="javascript:void(0)">Mike</a><span class="label">6 hours ago</span></h6>
                                    <div class="media">The logo is ready, have a look and let me know what you think!</div>
                                </div>
                            </div>
                        </li>
                        <li class="divider"></li>
                        <li class="text-center"><a href="javascript:void(0)">Tous les Messages</a></li>
                    </ul>
                </li>
                <!--****************************************** Messages ********************************************!-->


                <li class="divider-vertical remove-margin"></li>

                <!--****************************************** Notifications ********************************************!-->

                <li id="notifications-widget" class="dropdown dropdown-center-responsive"> 
                    <a href="javascript:void(0)" class="dropdown-toggle" data-toggle="dropdown"> 
                        <i class="icon-flag"></i> 
                        <span class="badge badge-important">1</span> 
                        <span class="badge badge-warning">2</span> 
                    </a>
                    <ul class="dropdown-menu widget">
                        <li class="widget-heading">
                            <a href="javascript:void(0)" class="pull-right widget-link">
                                <i class="icon-cog"></i>
                            </a>
                            <a href="javascript:void(0)" class="widget-link">Important</a>
                        </li>
                        <li>
                            <ul>
                                <li class="label label-important">20 min ago</li>
                                <li class="text-error">Fiche pharmacie signalé</li>
                            </ul>
                        </li>
                        <li>
                            <ul>
                                <li class="label label-warning">3 hours ago</li>
                                <li class="text-warning">PHP upgrade started!</li>
                            </ul>
                        </li>
                        <li>
                            <ul>
                                <li class="label label-warning">5 hours ago</li>
                                <li class="text-warning"><a href="javascript:void(0)" class="widget-link">1 support ticket</a> just opened!</li>
                            </ul>
                        </li>
                        <li class="widget-heading">
                            <a href="javascript:void(0)" class="pull-right widget-link">
                                <i class="icon-bookmark"></i>
                            </a>
                            <a href="javascript:void(0)" class="widget-link">Autres</a>
                        </li>
                        <li>
                            <ul>
                                <li class="label label-success">3 weeks ago</li>
                                <li class="text-success">Project #3 <a href="javascript:void(0)" class="widget-link">published</a> successfully!</li>
                            </ul>
                        </li>
                        <li>
                            <ul>
                                <li class="label label-info">1 month ago</li>
                                <li class="text-info">Milestone #3 achieved!</li>
                                <li class="text-info"><a href="javascript:void(0)" class="widget-link">John Doe</a> joined the project!</li>
                            </ul>
                        </li>
                        <li>
                            <ul>
                                <li class="label">1 year ago</li>
                                <li class="text-muted">This is an old notification</li>
                            </ul>
                        </li>
                        <li class="divider"></li>
                        <li class="text-center"><a href="javascript:void(0)">Toutes les notifications</a></li>
                    </ul>
                </li>

                <!--****************************************** Notifications ********************************************!-->


                <li class="divider-vertical remove-margin"></li>

                <!--****************************************** Session utilisateur ********************************************!-->

                <li class="dropdown dropdown-user"> 

                    <a href="javascript:void(0)" class="dropdown-toggle" data-toggle="dropdown">
                        <img src="img/template/avatar.png" alt="avatar" /> 
                        <b class="caret"></b>
                    </a>

                    <ul class="dropdown-menu">
                        <li> 
                            <a href="javascript:void(0)" class="loading-on"><i class="icon-refresh"></i> Actualiser</a> 
                        </li>
                        <li class="divider"></li>

                        <li> 
                            <a href="#modal-user-settings" role="button" data-toggle="modal"><i class="icon-user"></i> Profile</a> 
                        </li>

                        <li> <a href="javascript:void(0)"><i class="icon-wrench"></i> Paramètres</a> </li>

                        <li class="divider"></li>

                        <li> <a href="page_login.php"><i class="icon-lock"></i>Quitter</a> </li>

                    </ul>
                </li>

                <!--****************************************** Session utilisateur ********************************************!-->

            </ul>
        </div>
    </div>
</header>

            <div id="inner-container">
                
                <aside id="page-sidebar" class="nav-collapse collapse">

    <!--****************************************** Barre de recherche ********************************************!-->
    <form id="sidebar-search" method="post" onsubmit="return false;" >

        <div class="input-append">
            <input type="text" placeholder="Rechercher..." class="remove-box-shadow remove-transition remove-radius" />
            <button><i class="icon-search"></i></button>
        </div>

    </form>

    <!--****************************************** Barre de recherche ********************************************!-->

    <!--****************************************** Item du menu ********************************************!-->

    <nav id="primary-nav">

        <ul>

            <li> <a href="index.php" class="active"><i class="icon-fire"></i>Dashboard</a> </li>

            <li> <a href="#"><i class="icon-medkit"></i>Pharmacies</a>
                <ul>
                    <li> <a href="#modal-add-pharmacie" role="button" data-toggle="modal"><i class="icon-plus-sign"></i>Ajouter</a> </li>
                    <li> <a href="pharmacies.xhtml"><i class="icon-table"></i>Lister</a> </li>
                </ul>
            </li>

            <li> <a href="#"><i class="icon-leaf"></i>Hôtels</a>
                <ul>
                    <li> <a href="page_charts.php"><i class="icon-bar-chart"></i>Statistiques</a> </li>
                    <li> <a href="page_forms.php"><i class="icon-th-list"></i>Ajouter</a> </li>
                    <li> <a href="page_tables.php"><i class="icon-table"></i>Lister</a> </li>
                </ul>
            </li>

            <li> <a href="#"><i class="icon-leaf"></i>Restaurants</a>
                <ul>
                    <li> <a href="page_charts.php"><i class="icon-bar-chart"></i>Statistiques</a> </li>
                    <li> <a href="page_forms.php"><i class="icon-th-list"></i>Ajouter</a> </li>
                    <li> <a href="page_tables.php"><i class="icon-table"></i>Lister</a> </li>
                </ul>
            </li>

            <li> <a href="#"><i class="icon-leaf"></i>Supers Marchés</a>
                <ul>
                    <li> <a href="page_forms.php"><i class="icon-th-list"></i>Ajouter</a> </li>
                    <li> <a href="page_tables.php"><i class="icon-table"></i>Lister</a> </li>
                </ul>
            </li>

            <li> <a href="#"><i class="icon-leaf"></i>Banques</a>
                <ul>
                    <li> <a href="page_forms.php"><i class="icon-th-list"></i>Ajouter</a> </li>
                    <li> <a href="page_tables.php"><i class="icon-table"></i>Lister</a> </li>
                </ul>
            </li>

            <li> <a href="#"><i class="icon-leaf"></i>Stations de servies</a>
                <ul>
                    <li> <a href="page_forms.php"><i class="icon-th-list"></i>Ajouter</a> </li>
                    <li> <a href="page_tables.php"><i class="icon-table"></i>Lister</a> </li>
                </ul>
            </li>

            <li> <a href="#"><i class="icon-leaf"></i>Institutions</a>
                <ul>
                    <li> <a href="page_forms.php"><i class="icon-th-list"></i>Ajouter</a> </li>
                    <li> <a href="page_tables.php"><i class="icon-table"></i>Lister</a> </li>
                </ul>
            </li>

            <li> <a href="#"><i class="icon-leaf"></i>Train et Tramway</a>
                <ul>
                    <li> <a href="page_forms.php"><i class="icon-th-list"></i>Ajouter</a> </li>
                    <li> <a href="page_tables.php"><i class="icon-table"></i>Lister</a> </li>
                </ul>
            </li>

            <li> <a href="#"><i class="icon-leaf"></i>Evenements</a>
                <ul>
                    <li> <a href="page_forms.php"><i class="icon-th-list"></i>Ajouter</a> </li>
                    <li> <a href="page_tables.php"><i class="icon-table"></i>Lister</a> </li>
                </ul>
            </li>

            <li> <a href="#"><i class="icon-leaf"></i>Administrateurs</a>
                <ul>
                    <li> <a href="page_forms.php"><i class="icon-th-list"></i>Ajouter</a> </li>
                    <li> <a href="page_tables.php"><i class="icon-table"></i>Lister</a> </li>
                </ul>
            </li>

            <li> <a href="page_login.php"><i class="icon-off"></i>Quitter</a> </li>
        </ul>
    </nav>

    <!--****************************************** Item du menu ********************************************!-->

    <!--****************************************** Option d'affichage ********************************************!-->

    <div id="theme-options" class="text-left hidden-phone hidden-tablet"> 
        <a href="#" class="btn btn-theme-options" data-toggle="tooltip" data-placement="right" title="Demo Theme Options">
            <i class="icon-cog"></i>
        </a>

        <div id="theme-options-content" class="text-center">

            <div id="topt-fixed-header-top" class="input-switch switch-small" data-toggle="tooltip" title="Fixer Navigation" data-on="success" data-off="danger" data-on-label="" data-off-label="">
                <input type="checkbox" />
            </div>

            <div id="topt-fixed-header-bottom" class="input-switch switch-small" data-toggle="tooltip" title="Fixer Navigation en bas" data-on="success" data-off="danger" data-on-label="" data-off-label="">
                <input type="checkbox" />
            </div>

            <div id="topt-fixed-layout" class="input-switch switch-small" data-toggle="tooltip" title="Fixer la résolution" data-on="success" data-off="danger" data-on-label="" data-off-label="">
                <input type="checkbox" />
            </div>

        </div>
    </div>

    <!--****************************************** Option d'affichage ********************************************!-->

</aside>

                <div id="page-content">
                    <ul id="nav-info" class="clearfix">
                        <li><a href="index.xhtml"><i class="icon-home"></i></a></li>
                        <li><h:link outcome="index" value="index"/></li>
                        <li class="active"><a href="">Pharmacies</a></li>       
                    </ul>

                    <h3 class="page-header page-header-top">Pharmacies</h3>
                    <p class="well">Module de gestion de pharmacies.</p>

                    <table class="table table-bordered table-hover">
                        <thead>
                            <tr>
                                <th class="span1 text-center">#</th>
                                <th>Nom</th>
                                <th><i class="icon-envelope-alt"></i> Adresse</th>
                                <th><i class="icon-envelope-alt"></i> Tel</th>
                                <th><i class="icon-envelope-alt"></i> Lat,Long</th>
                                <th class="span3 text-center"><i class="icon-bolt"></i> Actions</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td class="span1 text-center">1</td>
                                <td>Pharmacie Agdal</td>
                                <td>Gare Rabat Agdal</td>
                                <td>0545544321</td>
                                <td>(-21.32234,34.09987)</td>
                                <td class="span3 text-center">
                                    <div class="btn-group">
                                        <a href="javascript:void(0)" data-toggle="tooltip" title="Modifier" class="btn btn-mini btn-success"><i class="icon-pencil"></i></a>
                                        <a href="javascript:void(0)" data-toggle="tooltip" title="Supprimer" class="btn btn-mini btn-danger"><i class="icon-remove"></i></a>
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td class="span1 text-center">2</td>
                                <td>Pharmacie Rabat ville</td>
                                <td>Gare Rabat ville</td>
                                <td>0545544321</td>
                                <td>(-21.32234,34.09987)</td>
                                <td class="span3 text-center">
                                    <div class="btn-group">
                                        <a href="javascript:void(0)" data-toggle="tooltip" title="Modifier" class="btn btn-mini btn-success"><i class="icon-pencil"></i></a>
                                        <a href="javascript:void(0)" data-toggle="tooltip" title="Supprimer" class="btn btn-mini btn-danger"><i class="icon-remove"></i></a>
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td class="span1 text-center">3</td>
                                <td>Pharmacie Oum Keltoum</td>
                                <td>Résidence Oum Keltoum</td>
                                <td>0545544321</td>
                                <td>(-21.32234,34.09987)</td>
                                <td class="span3 text-center">
                                    <div class="btn-group">
                                        <a href="javascript:void(0)" data-toggle="tooltip" title="Modifier" class="btn btn-mini btn-success"><i class="icon-pencil"></i></a>
                                        <a href="javascript:void(0)" data-toggle="tooltip" title="Supprimer" class="btn btn-mini btn-danger"><i class="icon-remove"></i></a>
                                    </div>
                                </td>
                            </tr>

                        </tbody>
                    </table>

                    <h3 class="page-header">Pharmacies signalées</h3>

                    <table class="table table-bordered table-hover">
                        <thead>
                            <tr>
                                <th class="span1 text-center">#</th>
                                <th><i class="icon-envelope-alt"></i> Email</th>
                                <th> Nom</th>
                                <th> Message</th>
                                <th> Date</th>
                                <th class="span3 text-center"><i class="icon-bolt"></i> Actions</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td class="span1 text-center">1</td>
                                <td>user1@example.com</td>
                                <td>Pharmacie anonyme</td>
                                <td>Informations incorrectes</td>
                                <th> 20/05/2013</th>
                                <td class="span3 text-center">
                                    <div class="btn-group">
                                        <a href="javascript:void(0)" data-toggle="tooltip" title="Details" class="btn btn-mini btn-info"><i class="icon-info-sign"></i></a>
                                        <a href="javascript:void(0)" data-toggle="tooltip" title="Modifier" class="btn btn-mini btn-success"><i class="icon-pencil"></i></a>
                                        <a href="javascript:void(0)" data-toggle="tooltip" title="Supprimer" class="btn btn-mini btn-danger"><i class="icon-remove"></i></a>
                                    </div>
                                </td>
                            </tr>

                            <tr>
                                <td class="span1 text-center">1</td>
                                <td>user1@example.com</td>
                                <td>Pharmacie anonyme</td>
                                <td>Informations incorrectes</td>
                                <th> 20/05/2013</th>
                                <td class="span3 text-center">
                                    <div class="btn-group">
                                        <a href="javascript:void(0)" data-toggle="tooltip" title="Details" class="btn btn-mini btn-info"><i class="icon-info-sign"></i></a>
                                        <a href="javascript:void(0)" data-toggle="tooltip" title="Modifier" class="btn btn-mini btn-success"><i class="icon-pencil"></i></a>
                                        <a href="javascript:void(0)" data-toggle="tooltip" title="Supprimer" class="btn btn-mini btn-danger"><i class="icon-remove"></i></a>
                                    </div>
                                </td>
                            </tr>

                            <tr>
                                <td class="span1 text-center">1</td>
                                <td>user1@example.com</td>
                                <td>Pharmacie anonyme</td>
                                <td>Informations incorrectes</td>
                                <th> 20/05/2013</th>
                                <td class="span3 text-center">
                                    <div class="btn-group">
                                        <a href="javascript:void(0)" data-toggle="tooltip" title="Details" class="btn btn-mini btn-info"><i class="icon-info-sign"></i></a>
                                        <a href="javascript:void(0)" data-toggle="tooltip" title="Modifier" class="btn btn-mini btn-success"><i class="icon-pencil"></i></a>
                                        <a href="javascript:void(0)" data-toggle="tooltip" title="Supprimer" class="btn btn-mini btn-danger"><i class="icon-remove"></i></a>
                                    </div>
                                </td>
                            </tr>

                            <tr>
                                <td class="span1 text-center">1</td>
                                <td>user1@example.com</td>
                                <td>Pharmacie anonyme</td>
                                <td>Informations incorrectes</td>
                                <th> 20/05/2013</th>
                                <td class="span3 text-center">
                                    <div class="btn-group">
                                        <a href="javascript:void(0)" data-toggle="tooltip" title="Details" class="btn btn-mini btn-info"><i class="icon-info-sign"></i></a>
                                        <a href="javascript:void(0)" data-toggle="tooltip" title="Modifier" class="btn btn-mini btn-success"><i class="icon-pencil"></i></a>
                                        <a href="javascript:void(0)" data-toggle="tooltip" title="Supprimer" class="btn btn-mini btn-danger"><i class="icon-remove"></i></a>
                                    </div>
                                </td>
                            </tr>
                        </tbody>
                    </table>

                </div>
                <footer>
                    <script>var d = new Date();
            if (d.getFullYear() === 2013) {
                document.write('2013');
            } else {
                document.write('2013-' + d.getFullYear());
            }</script> copy; <strong>uAdmin 1.0</strong> - Crafted with <i class="icon-heart"></i> by <strong><a href="http://themeforest.net/user/pixelcave/portfolio?ref=pixelcave" target="_blank">pixelcave</a></strong>
                </footer>
            </div>
        </div>
        <a href="#" id="to-top"><i class="icon-chevron-up"></i></a>
        

    </h:body>
</html>

